﻿
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper">
            <div id="page-inner">
                <div class="panel panel-default">
                 
       <div class="panel-body">
                            
                            <form role="form"  enctype="multipart/form-data" method="post" action="">
                           分类编辑
                                <br />
                                        <div class="form-group has-success lan">
                                            <label class="control-label" for="success" >分类名称</label>
                                            <input name="name" type="text" class="form-control" id="success" value="<?php echo $data['name']?>" />   
                                    <?php foreach($cate as $k=>$v){
                                      
                                    ?>
                                            <select name="pid" class="change">
                                            <option value="0"  >顶级层</option> 
                                            <?php foreach($v as $ve){?>

                                            <option <?php echo($k==$ve['id'])?'selected':'';?> value="<?php echo $ve['id']?>">

                                            <?php echo $ve['name']?>

                                            </option>
                                            <?php }?>   


                                            </select>
                                             <?php }?>
                                        </div>
                                        
                                        </div>
                                      <input type="submit" name="" value="提交">  
                                    </form>
                          </div>
<script src="resources/assets/js/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(function(){
    $('.lan').on('change','.change',function(){
            
                $(this).nextAll().remove(); //移除后面所有的标签

                if($(this).get(0).selectedIndex==0){

                     return false;
                 //根据选中项的下标来知道是否选中了上一级
                 // $(this).get(0).selectedIndex;
                 // selected  下拉列表默认选中属性
                 // Index   下标
                 // selected（选中）Index（下标）   获取选中项的下标
                }


       var id=$(this).val();

  $.ajax({
        type: 'get',
        url:'index.php?admin=1&c=cate&a=add',
        dataType:'json',
          // 请求的路径
        data:{
             
        'id':id,
            
        },//要提交到后台的数据
        success: function(json) {
            var html='';
            html+='<select name="pid" class="change">';
               html+='<option value="'+id+'">上一级</option>';

                                           
            for(i in json){                         
            html+='<option value="'+json[i].id+'">'+json[i].name+'</option>';

           
            }


             html+='</select>';

             $('.lan').append(html);


        }

})

    })







})
</script>

